<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="element-plus/index.css">
		<script src="js/vue.js"></script>
		<script src="element-plus/index.full.js"></script>
	</head>
	<style>
		body{
			background-color: #f5f5f5;
		}
		#app{
			background-color: #fff;
			width: 400px;
			/* border: 1px solid #999; */
			margin: 10px auto;
			padding: 20px;
			box-shadow: 0 0 10px 1px #999;
		}
	</style>
	<body>
		<div id='app'>
			<el-form style="width: 300px;margin: 50px auro;"
			 label-width='100'>
				<el-form-item label='用户名'>
					<el-input v-model="form.user"></el-input>
				</el-form-item>
				<el-form-item label='密码'>
					<el-input v-model="form.psw" type='password'></el-input>
				</el-form-item>
				<el-form-item label='确定密码'>
					<el-input v-model="form.psw2" type='password'></el-input>
				</el-form-item>
				<el-form-item label='邮箱'>
					<el-input v-model="form.youxiang"></el-input>
				</el-form-item>
				<el-form-item v-model="radio1" label='性别'>
				      <el-radio value="1" size="large">男</el-radio>
				      <el-radio value="2" size="large">女</el-radio>
				</el-form-item>
				<el-form-item label=''>
					<el-button type='primary'>登录</el-button>
					<el-button type='info'>注册</el-button>
				</el-form-item>
			</el-form>
		</div>
		<script>
			Vue.createApp({
				data() {
					return{
						form:{
							user:"",
							psw:"",
							psw2:"",
							youxiang:"",
							radio1:""
						}
					}
				}
			}).use(ElementPlus).mount('#app')
		</script>
	</body>
</html>